﻿body
{
    margin: 0px auto;
    padding: 0px auto;
    background: url('Images/BodyBG.png') repeat-x #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}

.Wrapper
{
margin:0px auto;
height:100%;
width:950px;
/*border:1px solid red;*/
}

.mastHead
{
	
	/*float:right;*/
	padding:0px 20px 5px 0px;
	height:175px;
	width:100%;
	text-align:right;
	font-size:12px;
	color:white;
	clear:both;
	}

.mastHead ul
{
	margin:0px auto;
	padding:0px auto;
	list-style:none;
}

.mastHead li a
{
	float:right;
	display:inline;
	color:#ffffff;
	padding:40px 10px 10px 5px;
	text-decoration:none;
}

.mastHead li a:hover
{
	color:#000000;
}

.mastHead-logo
{
	float:left;
	position:relative;
	top:40px;
	left:20px;
	
}

/*.mastHead-logo input[type="Image"]{padding:10px  0 0 0;}*/


/*--------------------------------- Login Box Styling commence herer---------------------------- */
.LoginBox
{
	margin:0px auto;
	padding:0px auto;
	width:500px;
	margin-top:40px;
	background:#ccc;
	height:250px;
	

	
}

.LoginBox h1
{
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#2d2d2d;
	padding-left:10px;
	padding-top:20px;
}

.LoginBox HR
{
	margin:-10px 10px 10px 10px;
	height:1px;
	background:#ccc;
}

.LoginBox div
{
	clear:both;
	}

.textboxLogin
{
	border:1px solid #ccc;
	height:30px;
	width:200px;
	float:left;
	position:relative;
	border:1px ridge #999;
	padding:3px;
}

.cl
{
	clear:both;
	height:10px;
}

.LableText
{
	font-size:16px;
	font-weight:bold;
	padding:10px;
	width:50%;
	float:left;
	position:relative;
}

.LoginBox_Buttons
{
	width:inherit;
	height:75px;
	float:right;
}
.Buttons_images
{
	padding: 0px 30px;
	float:left;
	margin-left:40px;
}


/*--------------------------------- Login Box Styling ends herer---------------------------- */

.LeftNav
{
	
	height:auto;
	width:210px;
	float:left;
	overflow:auto;
	margin:0px 10px 10px 0px;
	}
/*
.LeftNav ul
{
	
	margin:5px auto;
	padding:5px auto;
	list-style:none;
	float:left;
}

.LeftNav li
{
	width:150px;
}


.LeftNav li a
{
	
	display:block;
	line-height:38px;
	padding:5px;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ceeffd;
	border-right:2px GROOVE #ceeffd;
	border-left:2px GROOVE #ceeffd;
	font-size:14px;
	font-weight:bold;
	color:#2d2d2d;
	text-decoration:none;
	width:150px;
	background:#ccc;
	
	
		
}

.LeftNav li a:hover
{
	
	display:block;
	line-height:38px;
	border-bottom:2px ridge #6fa0c8;
	border-top:2px ridge #6fa0c8;
	border-right:6px solid #6fa0c8;
	border-left:6px solid #6fa0c8;
	font-size:14px;
	font-weight:bold;
	color:white;
	width:150px;
	margin-left:-4px;
	background:#6fa0c8;
	box-shadow:0px 4px 4px #ccc;
	-moz-box-shadow:0px 4px 4px #ccc;
}
*/
.rightSection
{
	
	clear:right;
	float:left;
	max-width:710px;	
	position:relative;
	left:0px;
	margin:5px 0px 0px 0px;
	color:#2d2d2d;
	padding:5px;
	
	
}

.rightSectionNew
{
	
	clear:right;
	float:left;
	width:auto;
	position:relative;
	left:0px;
	margin:5px 0px 0px 0px;
	color:#2d2d2d;
	padding:5px;
	
	
}
	
.failureNotification
{
    font-size: 1.2em;
    color: #0464a1;
    font-weight:bold;
}
input.textboxcss
{
   
    border: 1px solid #ccc;
}
/*+++++++++++++++++++++ Gridview Style Start ++++++++++++++++++++++++++++*/

table.grdv-style{width:96%;}
table.grdv-style,table.grdv-style td{border:#ccc 1px solid;}
table.grdv-style td a{color:#507CD1;padding:0px 5px;}
.grdv-style
{
	color:#333333;
}

.grdv-row-style
{
	background-color:#f1f1f1; text-align:left;
}
.grdv-altrow-style
{
	background-color:White; text-align:left;
}
.grdv-pager-style
{
	background-color:#024976; color:White; font-weight:bold;
}
.grdv-header-style
{
	background:#024976; color:White; font-weight:bold; text-align:left;
}

.grdv-header-style th{border:#029976 1px solid !important; border-collapse:collapse; padding-left:10px !important;}

.grdv-footer-style
{
	background-color:#507CD1; color:White; font-weight:bold;
}

.grdv-empty-style
{
	background-color:#EFF3FB; text-align:center; color:Red;
}
/*+++++++++++++++++++++ Gridview Style End ++++++++++++++++++++++++++++*/

.innerContent{
	width: 100%; margin:-4px 0px 20px -8px; _margin:-4px 0px 20px -2px;
}

.table-bg-1
{
    background: url(Images/bg-table-1.gif) repeat-x left bottom;
}

.table-bg-2{
	background:url(Images/bg-table-2.gif) top right repeat-y;
}
.table-bg-3{
background:url(Images/bg-table-3.gif) top left repeat-y;
}
.table-bg-4{
background:url(Images/bg-table-4.gif) top left repeat-x;
}
.cl{
	clear:both;
}
.heading{
	padding:10px 10px 0px 8px; font-size:18px; font-weight:bold; color:#000;
}

.strip{
	margin:5px 0px; height:7px; background:#0464a1;
}
.trimText 
{  
    overflow:hidden;
    padding-bottom:5px;
} 


    /* Left Menu */
        .urbangreymenu
{
    border: 1px solid #000000;
    width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px verdana;
color: black;
background: #6FA0C8 url(../Images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: black;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #D3E8F2;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #4A5D80;
}

a.downloadpublication{font-size:14px; font-weight:bold; padding:0px 0 0 20px;font-family:Arial;  color:#3067a7; }
a.downloadpublication:hover{font-size:14px; font-weight:bold; padding:0px 0 0 20px;  color:#494848; text-decoration:none;}
a.downloadpublication:active{font-size:14px; font-weight:bold; padding:0px 0 0 20px;color:#3067a7; text-decoration:none;}
